<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>农村集体三资管理</title>
    <link rel="stylesheet" href="../frame/layui/css/layui.css">
  </head>

  <body>

    <div class="layui-body" style="width:600px;">
      <!-- 内容主体区域 -->
      <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>项目创建</legend>
      </fieldset>
      <from>
        <div class="layui-form-item">
          <label class="layui-form-label">项目名称</label>
          <div class="layui-input-block">
            <input type="text" name="username" lay-verify="required" lay-reqtext="项目名称为必填项" placeholder="请输入项目名称"
                   autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">项目负责人</label>
          <div class="layui-input-block">
            <input type="text" name="username" lay-verify="required" lay-reqtext="项目负责人为必填项" placeholder="请输入项目负责人"
                   autocomplete="off" class="layui-input">
          </div>
        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">立项时间</label>
          <div class="layui-input-block">
            <input type="date" name="datetime" required lay-verify="required" class="layui-input" />
          </div>
        </div>

        <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">经费预算</label>
            <div class="layui-input-inline" style="width: 100px;">
              <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid">-</div>
            <div class="layui-input-inline" style="width: 100px;">
              <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
            </div>
          </div>
        </div>

        <div class="layui-form-item">
          <div class="layui-input-block">
            <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
      </from>
    </div>
    <script src="../frame/layui/layui.js"></script>

    <script>
      layui.use('form', function () {
        var form = layui.form;
        //监听搜索
        form.on('submit(submit-form)', function (data) {
          var field = data.field;
          //执行操作
          return false;
        });
      });
    </script>


  </body>

</html>